.ChatDb {
    display: flex;
    align-items: center;
    width: 100vw;
    height: calc(100vh);
    border-radius: 10px;
    box-shadow: 0px 5px 5px 5px rgba(177, 175, 175, .2);
    margin: auto;
    .TopBar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 1000;
        background-color: #003054;
        height: 80px;
        padding: 0 20px; /* 添加内边距 */
    
        .TopBar-left {
            display: flex;
            align-items: center;
            gap: 20px; /* 图标和文字之间的间距 */
            margin-left: 30px; /* 添加左边距 */
    
            .TopBar-icon {
                /* 图标的样式 */
                width: 40px;
                height: 40px;
                background-image: url('../../assests/images/head2.png'); /* 替换为你的图标文件路径 */
                color: white;
                background-position: 50%;
                background-size: cover;
            }
    
            .TopBar-title {
                font-weight: 700;
                font-size: 36px;
                color: white;
                text-shadow: -2px 0 10px #4e90f4, 2px 0 10px #4e90f4;
            }
        }
    
    }
}
//                font-weight: bold;